<form accept-charset="utf-8" method="post" enctype="multipart/form-data">
    <aside class="right-side">
        <!-- BEGIN: Content Header (Page header) -->
        <section class="content-header">
            <h1>
                <small>Cấu hình webiste</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="http://demo011.ioi.vn/vn/tsmedia/home/"><i class="fa fa-dashboard"></i> Trang chủ</a></li>
                <li class="active">Cấu hình webiste</li>
            </ol>
        </section>
        <!-- END: Content Header (Page header) -->

        <!-- BEGIN: Main content -->
        <section class="content">
            <div class="row">
                <!-- BEGIN: Box Left -->
                <div class="col-md-6">
                    <!-- BEGIN: Cơ bản-->
                    <div class="box box-solid box-primary">
                        <!-- BEGIN: Box-Header -->
                        <div class="box-header">
                            <i class="fa fa-info"></i>
                            <h3 class="box-title">Cơ bản</h3>

                            <!-- BEGIN: Tools -->
                            <div class="pull-right box-tools">
                                <button class="btn btn-primary btn-sm refresh-btn" data-toggle="tooltip" title="Tải lại"><i class="fa fa-refresh"></i></button>
                                <button class="btn btn-primary btn-sm" data-widget="collapse" data-toggle="tooltip" title="Thu gọn" onclick="return false"><i class="fa fa-minus"></i></button>
                                <button class="btn btn-primary btn-sm" data-widget="remove" data-toggle="tooltip" title="Bỏ"><i class="fa fa-times"></i></button>
                            </div>
                            <!-- END: Tools -->
                        </div>
                        <!-- END: Box-Header -->
                        <!-- BEGIN: Box-Body-->
                        <div class="box-body">
                            <div class="control-group">
                                <label class="control-label">Title</label>
                                <div class="controls">
                                    <input type="text" name="config_title" value="Công ty quảng cáo truyền thông TS Media" id="config_title" class="form-control"  />                                    <div class="help-ts">
                                        <i class="fa fa-info-circle"></i>
                                        <b class="text-danger">Tiêu đề Mặc định của website</b>
                                        <small>(Ví dụ: TS Media)</small>
                                    </div>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Keyword</label>
                                <div class="controls">
                                    <input type="text" name="config_keyword" value="bang keo, bang keo viet" id="config_keyword" placeholder="" class="form-control"  />                                    <div class="help-ts">
                                        <i class="fa fa-info-circle"></i>
                                        <b class="text-danger">Từ khóa SEO</b>
                                        <small>(Ví dụ: thiết kế website chuyên nghiệp, thiết kế pro)</small>
                                    </div>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Description</label>
                                <div class="controls">
                                    <input type="text" name="config_description" value="Công ty quảng cáo truyền thông TS Media 161-163 Trần Quốc Thảo, Quận 3, TP HCM" id="config_description" placeholder="" class="form-control"  />                                    <div class="help-ts">
                                        <i class="fa fa-info-circle"></i>
                                        <b class="text-danger">Mô tả ngắn website</b>
                                        <small>(Ví dụ: Công ty thiết kế website chuyên nghiệp với đội ngũ không ngừng học hỏi và phát triển năng lực bản thân...)</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- BEGIN: Box-Body-->
                        <!-- BEGIN: Box-Footer-->
                        <div class="box-footer text-center">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-save"></i>
                                <span>Lưu</span>
                            </button>
                        </div>
                        <!-- END: Box-Footer-->
                    </div>
                    <!-- END: Cơ bản-->

                    <!-- BEGIN: Logo và Favicon-->
                    <div class="box box-solid box-success">
                        <!-- BEGIN: Box-Header -->
                        <div class="box-header">
                            <i class="fa fa-cloud-upload"></i>
                            <h3 class="box-title">Logo và Favicon</h3>

                            <!-- BEGIN: Tools -->
                            <div class="pull-right box-tools">
                                <button class="btn btn-success btn-sm refresh-btn" data-toggle="tooltip" title="" data-original-title="Tải lại"><i class="fa fa-refresh"></i></button>
                                <button  onclick="return false" class="btn btn-success btn-sm" data-widget="collapse" data-toggle="tooltip" title="" data-original-title="Thu gọn"><i class="fa fa-minus"></i></button>
                                <button class="btn btn-success btn-sm" data-widget="remove" data-toggle="tooltip" title="" data-original-title="Bỏ"><i class="fa fa-times"></i></button>
                            </div>
                            <!-- END: Tools -->
                        </div>
                        <!-- END: Box-Header -->
                        <!-- BEGIN: Box-Body-->
                        <div class="box-body">
                            <!-- BEGIN: Logo -->
                            <div class="control-group">
                                <label class="control-label">Logo</label>
                                <div class="controls">
                                    <span class="btn btn-success fileinput-button btn-sm">
                                        <span>Chọn file ...</span>
                                        <input id="logo_picture" type="file" name="files[]" multiple="">
                                    </span>

                                    <div class="progress-ts">
                                        <i class="fa fa-upload"></i>
                                        <div id="progress_logo" class="progress sm progress-striped active">
                                            <div class="progress-bar progress-bar-success bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                    <div class="alert alert-info alert-dismissable">
                                        <i class="fa fa-cloud"></i>
                                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                        <ul id="files_logo" class="file_reset list-inline">
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Logo -->
                            <!-- BEGIN: Favicon -->
                            <div class="control-group">
                                <label class="control-label">Favicon</label>
                                <div class="controls">
                                    <span class="btn btn-success fileinput-button btn-sm">
                                        <span>Chọn file ...</span>
                                        <input id="favicon_picture" type="file" name="files[]" multiple="">
                                    </span>

                                    <div class="progress-ts">
                                        <i class="fa fa-upload"></i>

                                        <div id="files_favicon" class="progress sm progress-striped active">
                                            <div class="progress-bar progress-bar-success bar" role="progressbar" aria-valuenow="20"
                                                 aria-valuemin="0" aria-valuemax="100">
                                            </div>

                                        </div>
                                    </div>
                                    <div class="alert alert-info alert-dismissable">
                                        <i class="fa fa-cloud"></i>
                                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                        <p>File đã tải lên:</p>
                                        <ul id="files_favicon" class="file_reset">
                                            <li>favicon.ico<input type="hidden" name="config_favicon" value="favicon.ico" /></li>                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Favicon -->
                        </div>
                        <!-- BEGIN: Box-Body-->
                        <!-- BEGIN: Box-Footer-->
                        <div class="box-footer text-center">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-save"></i>
                                <span>Lưu</span>
                            </button>
                        </div>
                        <!-- END: Box-Footer-->
                    </div>
                    <!-- END: Logo và Favicon-->
                </div>
                <!-- END: Box Left -->

                <!-- BEGIN: Box Right -->
                <div class="col-md-6">
                    <!-- BEGIN: Google and SEO-->
                    <div class="box box-solid box-danger">
                        <!-- BEGIN: Box-Header -->
                        <div class="box-header">
                            <i class="fa fa-code"></i>
                            <h3 class="box-title">Cấu hình SEO</h3>

                            <!-- BEGIN: Tools -->
                            <div class="pull-right box-tools">
                                <button class="btn btn-danger btn-sm refresh-btn" data-toggle="tooltip" title="" data-original-title="Tải lại"><i class="fa fa-refresh"></i></button>
                                <button  onclick="return false" class="btn btn-danger btn-sm" data-widget="collapse" data-toggle="tooltip" title="" data-original-title="Thu gọn"><i class="fa fa-minus"></i></button>
                                <button class="btn btn-danger btn-sm" data-widget="remove" data-toggle="tooltip" title="" data-original-title="Bỏ"><i class="fa fa-times"></i></button>
                            </div>
                            <!-- END: Tools -->
                        </div>
                        <!-- END: Box-Header -->
                        <!-- BEGIN: Box-Body-->
                        <div class="box-body">
                            <div class="control-group">
                                <label class="control-label">Google Analytics</label>
                                <div class="controls">
                                    <input type="text" name="config_goole_analytics" value="" id="config_goole_analytics" placeholder="" class="form-control"  />                                    <div class="help-ts">
                                        <i class="fa fa-info-circle"></i>
                                        <b class="text-danger">(Ví dụ: UA-42767940-2)</b>
                                    </div>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Dublin Core</label>
                                <div class="controls">
                                    <textarea name="config_geometa_tag" id="config_geometa_tag" class="form-control"><meta name="geo.position" content="10.785248;106.68246" /></textarea>
                                    <div class="help-ts">
                                        <i class="fa fa-info-circle"></i>
                                        <b class="text-danger">(Ví dụ: <\meta name="DC.Subject" content="Địa Điểm du lịch Vũng Tàu" />)</b>
                                    </div>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Geo Meta Tags</label>
                                <div class="controls">
                                    <textarea name="config_geometa_tag" id="config_geometa_tag" class="form-control"><meta name="geo.position" content="10.785248;106.68246" /></textarea>
                                    <div class="help-ts">
                                        <i class="fa fa-info-circle"></i>
                                        <b class="text-danger">(Ví dụ: <\meta name="geo.position" content="10.785248;106.68246" />)</b>
                                    </div>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Feeds</label>
                                <div class="controls">
                                    <input type="text" name="config_feed" value="&lt;link href=&quot;http://demo.rockettheme.com/ joomla/kirigami/?format=feed&amp;type=rss&quot; rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;RSS 2.0&quot;&gt;" id="config_feed" class="form-control"  />                                    <div class="help-ts">
                                        <i class="fa fa-info-circle"></i>
                                        <b class="text-danger">(Ví dụ: <\link href="http://demo.rockettheme.com/ joomla/kirigami/?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0">)</b>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- BEGIN: Box-Body-->
                        <!-- BEGIN: Box-Footer-->
                        <div class="box-footer text-center">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-save"></i>
                                <span>Lưu</span>
                            </button>
                        </div>
                        <!-- END: Box-Footer-->
                    </div>
                    <!-- END: Google and SEO-->

                    <!-- BEGIN: Cấu hình Email -->
                    <div class="box box-solid box-info">
                        <!-- BEGIN: Box-Header -->
                        <div class="box-header">
                            <i class="fa fa-envelope"></i>
                            <h3 class="box-title">Cấu hình Email</h3>

                            <!-- BEGIN: Tools -->
                            <div class="pull-right box-tools">
                                <button class="btn btn-info btn-sm refresh-btn" data-toggle="tooltip" title="" data-original-title="Tải lại"><i class="fa fa-refresh"></i></button>
                                <button  onclick="return false" class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip" title="" data-original-title="Thu gọn"><i class="fa fa-minus"></i></button>
                                <button class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="" data-original-title="Bỏ"><i class="fa fa-times"></i></button>
                            </div>
                            <!-- END: Tools -->
                        </div>
                        <!-- END: Box-Header -->
                        <!-- BEGIN: Box-Body-->
                        <div class="box-body">
                            <div class="form-group">
                                <label class="control-label">Trạng thái</label>
                                <div class="controls">
                                    <input type="radio" value="gmail"  name="config_mail_type" class="config_mail" data-link="gmail" /> <i class="fa fa-google"></i> Gmail
                                    <input type="radio" value="server" checked name="config_mail_type" class="config_mail" data-link="server"> <i class="fa fa-database"></i> Mail Server
                                    <input type="hidden" value="server" id='hd_mail_type' />
                                </div>
                            </div>
                            <!-- BEGIN: Gmail -->
                            <div class="row common_mail_display mail_display_gmail">
                                <div class="col-md-6">
                                    <div class="controls">
                                        <div class="input-group">
                                            <span class="input-group-addon">Tài khoản</span>
                                            <input type="text" value="admin" id="config_mail_user_gmail" name="config_mail_user_gmail" class="form-control" placeholder="Tài khoản">
                                        </div>

                                        <div class="help-ts">
                                            <i class="fa fa-info-circle"></i>
                                            <b class="text-danger">Tài khoản dùng để gửi mail</b>
                                            <small>(Ví dụ: <u>admin@ioi.vn</u>)</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="controls">
                                        <div class="input-group">
                                            <span class="input-group-addon">Mật khẩu</span>
                                            <input type="text" value="admin" id="config_mail_user_gmail" name="config_mail_user_gmail" class="form-control" placeholder="Mật khẩu">
                                        </div>

                                        <div class="help-ts">
                                            <i class="fa fa-info-circle"></i>
                                            <b class="text-danger">Mật khẩu Đăng nhập mail</b>
                                            <small>(Ví dụ: <u>1234567890</u>)</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="controls">
                                        <div class="input-group">
                                            <span class="input-group-addon">Port</span>
                                            <input type="text" value="465" id="config_mail_port_gmail" name="config_mail_port_gmail"  class="form-control" placeholder="Port">
                                        </div>

                                        <div class="help-ts">
                                            <i class="fa fa-info-circle"></i>
                                            <b class="text-danger">Mặc định Port của Google : 465</b>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="controls">
                                        <div class="input-group">
                                            <span class="input-group-addon">SMTP</span>
                                            <input type="text" value="" id="config_mail_smtp_gmail" name="config_mail_smtp_gmail"  class="form-control" placeholder="SMTP">
                                        </div>

                                        <div class="help-ts">
                                            <i class="fa fa-info-circle"></i>
                                            <b class="text-danger">Mặc định SMTP của Gmail: smtp.gmail.com</b>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Gmail -->

                            <!-- BEGIN: Mail Server -->
                            <div class="row common_mail_display mail_display_server">
                                <div class="col-md-6">
                                    <div class="controls">
                                        <div class="input-group">
                                            <span class="input-group-addon">Tài khoản</span>
                                            <input type="text" value="info@luavietours.com" id="config_mail_user_server" name="config_mail_user_server"  class="form-control" placeholder="Tài khoản">
                                        </div>

                                        <div class="help-ts">
                                            <i class="fa fa-info-circle"></i>
                                            <b class="text-danger">Tài khoản dùng để gửi mail</b>
                                            <small>(Ví dụ: <u>admin@ioi.vn</u>)</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="controls">
                                        <div class="input-group">
                                            <span class="input-group-addon">Mật khẩu</span>
                                            <input type="password" value="info@123" id="config_mail_pass_server" name="config_mail_pass_server"  class="form-control" placeholder="Mật khẩu">
                                        </div>

                                        <div class="help-ts">
                                            <i class="fa fa-info-circle"></i>
                                            <b class="text-danger">Mật khẩu của Tài khoản mail</b>
                                            <small>(Ví dụ: <u>1234567890</u>)</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="controls">
                                        <div class="input-group">
                                            <span class="input-group-addon">Port</span>
                                            <input type="text" value="25" id="config_mail_port_server" name="config_mail_port_server"  class="form-control" placeholder="Port">
                                        </div>

                                        <div class="help-ts">
                                            <i class="fa fa-info-circle"></i>
                                            <b class="text-danger">Mặc định Port của Mail Server: 25</b>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="controls">
                                        <div class="input-group">
                                            <span class="input-group-addon">SMTP</span>
                                            <input type="text" value="mail.luavietours.com" id="config_mail_smtp_server" name="config_mail_smtp_server"  class="form-control" placeholder="SMTP">
                                        </div>

                                        <div class="help-ts">
                                            <i class="fa fa-info-circle"></i>
                                            <b class="text-danger">Mặc định SMTP của Mail Server: mail.ioi.vn</b>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Mail Server -->

                            <!-- BEGIN: Upload ? -->
                            <div class="control-group">
                                <label class="control-label">Upload file</label>
                                <div class="controls">
                                    <div class="fl pd5"><label><input type="radio" name="config_upload" class="type_upload" value="google"  />Upload hình lên google</label></div>
                                    <div class="fl pd5"><label><input type="radio" name="config_upload" class="type_upload" value="server"   >Upload hình lên Server</label></div>
                                    <input type="hidden" name="hd_type_upload" id="hd_type_upload" value="0" />
                                    <div class="cle"></div>
                                </div>
                            </div>
                            <div class="control-group  upload_google">
                                <label class="control-label">User</label>
                                <div class="controls ">
                                    <input type="text" id="config_upload_u" value="" name="config_upload_u"  class="form-control">
                                    <p><span class="text_upload_file help-ts">Bắt buộc tài khoản gmail.<br /> Ví dụ tsmedia@gmail.com</span></p>
                                </div>
                            </div>
                            <div class="control-group upload_google">
                                <label class="control-label">Password</label>
                                <div class="controls ">
                                    <input type="password" id="config_upload_p" value="" name="config_upload_p"  class="form-control">
                                    <p><span class="text_upload_file help-ts">Pass phải là pass thực của gmail.<br /> Ví dụ **********</span></p>
                                </div>
                            </div>
                            <div class="control-group upload_google">
                                <label class="control-label">Album ID</label>
                                <div class="controls">
                                    <input type="text" id="config_upload_id" value="" name="config_upload_id" class="form-control">
                                    <p><span class="text_upload_file help-ts">Ví dụ: 5929101883607860642</span></p>
                                </div>
                            </div>
                            <!-- END: Upload ? -->
                        </div>
                        <!-- BEGIN: Box-Body-->
                        <!-- BEGIN: Box-Footer-->
                        <div class="box-footer text-center">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-save"></i>
                                <span>Lưu</span>
                            </button>
                        </div>
                        <!-- END: Box-Footer-->
                    </div>
                    <!-- END: Cấu hình Email -->
                </div>

                <!-- END: Box Right -->
            </div>
        </section>
        <!-- END: Main content -->
    </aside>
</form>